.carousel{
    width: 100%;
    height: 100%;
}
.carousel-container{
    position: relative;
    width: 100%;
    height: 100%;
}
.carousel-container li{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.carousel-container li img{
    width: 100%;
    height: 100%;
}
.carousel-container li.active{
    display: block;
    opacity: 1;
    animation: carousel-container 0.5s linear 0s 1 normal;
    animation-fill-mode: forwards;
}
@keyframes carousel-container {
    0%{opacity: 0}
    100%{opacity: 1}
}